$header_height: 100px;
$header_height_xs: 70px;

header{
  height: $header_height;
  .header{
    @extend .max_body;
    @extend .clearfix;
    .pull-left{
      padding-top: 18px;
      img{
        float: left;
        max-height: 62px;
      }
    }
    .pull-right{
      color: #666666;
      line-height: $header_height;
    }
    .logo{
      max-width: 400px;
    }
  }
}
@media screen and (max-width: 768px){
  header{
    height: $header_height_xs;
    background: #fff5eb;
    .header{
      .pull-left{
        padding-top: 10px;
        padding-left: 10px;
        img{
          max-height: 50px;
        }
      }
      .pull-right{
        padding-top: 15px;
        padding-right: 10px;
        span{
          display: block;
          line-height: 1.5;
          text-align: right;
        }
        .m-r{
          margin-right: 0 !important;
        }
      }
    }
  }
}